<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Document</title>
    <script src="./vue.global.js"></script>
    <link rel="stylesheet" href="./index.css" />
    <link rel="stylesheet" href="./table.css" />
    <link rel="stylesheet" href="./pugong.css" />
    <link rel="stylesheet" href="./utils.css" />
    <script src="./index.full.js"></script>

    <script>
      //适配代码
      (function (doc, win) {
        var docEI = doc.documentElement,
          resizeEvt = "orientationchange" in window ? "orientataionchange" : "resize",
          recalc = function () {
            var clientWidth = docEI.clientWidth;
            if (!clientWidth) return;
            //100是字体大小，1536是开发时浏览器窗口的宽度，等比计算
            docEI.style.fontSize = 100 * (clientWidth / 1536) + "px";
          };

        if (!doc.addEventListener) return;
        win.addEventListener(resizeEvt, recalc, false);
        doc.addEventListener("DOMContentLoaded", recalc, false);
      })(document, window);
    </script>
    <style>
      * {
        /* margin: 0;
        padding: 0; */
        font-size: 0.15rem;
      }
    </style>
  </head>

  <body>
    <div id="app" class="table-content text-left">
      <h3 class="text-center" style="font-size: 0.25rem">安全责任书</h3>
      <div class="text-indent mt-2">为贯彻落实“安全第一、预防为主、综合治理”的安全生产方针，切实保护每个作业人员工作中的安全与健康，杜绝各类伤亡事故发生。根据《安全生产法》和《劳动法》的相关规定，每个员工享有劳动安全卫生保障权力的同时，必须严格履行各自对安全生产应尽的义务。依据安全生产责任制，各岗位人员必须与所在单位签订“安全责任书”，现将相关内容明确如下：</div>
      <div class="text-indent">一、甲方(所属单位)在安全生产方面的权利</div>
      <div class="text-indent">1、建立健全劳动安全管理制度，严格执行国家劳动安全卫生规程和标准。</div>
      <div class="text-indent">2、加强管理，建立健全安全责任制度，预防事故，减少职业危害。</div>
      <div class="text-indent">3、贯彻安全知识、规章制度、操作规程，进行相应检查、对违反规定情况进行处理。</div>
      <div class="text-indent">二、甲方(所属单位)在安全生产方面的义务</div>
      <div class="text-indent">1、对乙方进行三级安全教育及技术交底，为乙方提供安全的工作环境和必要的防护用品。</div>
      <div class="text-indent">2、完善安全生产条件，告知乙方所从事的职业中可能遇到的职业危害及危险。</div>
      <div class="text-indent">3、应按相关规定对乙方的实际表现进行奖罚。</div>
      <div class="text-indent">三、乙方(员工)在安全生产方面拥有的权利</div>
      <div class="text-indent">1、享有参加项目部组织的各类安全教育、专业技术培训和参与各种安全生产活动的权利。享有劳动安全，防止职业病危害的权利。</div>
      <div class="text-indent">2、女工及从事有毒有害作业的工种，享有特殊保护或按规定定期体检的权利。</div>
      <div class="text-indent">3、享有获得劳动安全卫生保护，领用必要劳动防护用品、防冻、防暑降温用品的权利。</div>
      <div class="text-indent">4、有权了解所从事作业场所和工作岗位存在的危险因素、防范措施及事故应急措施。</div>
      <div class="text-indent">5、有权拒绝违章指挥及制止他人违章作业。发现直接危及人身安全的紧急情况时，有权停止作业或者在采取可能的应急措施后撤离作业场所。</div>
      <div class="text-indent">6、有权对危险状况的了解、知情权，对安全生产管理提出建议、批评、检举和控告。</div>
      <div class="text-indent">7、依法享有社会保险和福利及工伤赔偿请求权。</div>
      <div class="text-indent">四、乙方(员工)安全生产职责</div>
      <div class="text-indent">1、遵守国家有关的法律、法规，执行项目部的各项规章制度，熟悉安全生产方面的规程、规范、制度及岗位应急知识；</div>
      <div class="text-indent">2、持证上岗，对施工现场临时用电的安全工作负责；</div>
      <div class="text-indent">3、学习贯彻执行有关安全用电的规范、标准、制度，熟练掌握电工知识；</div>
      <div class="text-indent">4、参与编制临时用电施工组织设计和安全用电措施计划，负责实施临时用电施工组织设计，确保用电安全；</div>
      <div class="text-indent">5、协助有关部门做好用电常识宣传教育和培训工作；</div>
      <div class="text-indent">6、负责日常用电安全检查和参加专项用电安全检查，对查出的问题立即整改；</div>
      <div class="text-indent">7、发生安全事故要立即抢救人，保护现场并及时上报；配合事故调查，必须如实反映情况。</div>
      <div class="text-indent">8、严格劳动纪律，不得私自串岗;工作时不得嬉戏打闹或干与工作无关的其它事情;禁止在施工区域和其他危险水域游泳。</div>
      <div class="text-indent">9、参加单位组织的各类安全活动，参与抢险与救援等应急任务。</div>
      <div class="text-indent">五、凡未经安全教育和考试合格者，未签订安全生产责任书者，一律不准安排上岗作业。</div>
      <div class="text-indent">六、本协议书经签字后生效，视为您已经对此全面理解。</div>

      <div class="d-flex flex-row mt-2 justify-content-between">
        <div>
          <div @click="setUpEquipment('responsibleForm.principal','TaskSignFinger')">所在单位负责人 ：</div>
          <el-image v-show="responsibleForm.principal" class="sign_img" :src="responsibleForm.principal" fit="fill"></el-image>
          <div>
            <el-input v-model="responsibleForm.year" class="people-input" placeholder=" " style="width: 0.8rem"></el-input>
            年
            <el-input v-model="responsibleForm.month" class="people-input" placeholder=" " style="width: 0.5rem"></el-input>
            月
            <el-input v-model="responsibleForm.day" class="people-input" placeholder=" " style="width: 0.5rem"></el-input>
            日
          </div>
        </div>
        <div>
          <div @click="setUpEquipment('responsibleForm.responsibler','TaskSignFinger')">责任人：</div>
          <el-image v-show="responsibleForm.responsibler" class="sign_img" :src="responsibleForm.responsibler" fit="fill"></el-image>
          <div>
            <el-input v-model="responsibleForm.year1" class="people-input" placeholder=" " style="width: 0.8rem"></el-input>
            年
            <el-input v-model="responsibleForm.month1" class="people-input" placeholder=" " style="width: 0.5rem"></el-input>
            月
            <el-input v-model="responsibleForm.day1" class="people-input" placeholder=" " style="width: 0.5rem"></el-input>
            日
          </div>
        </div>
      </div>
    </div>
    <script>
      const { createApp, reactive, toRefs, ref, onMounted } = Vue;
      const vue3Composition = {
        setup() {
          const responsibleForm = ref({
            year: "",
            month: "",
            day: "",
            year1: "",
            month1: "",
            day1: "",
            responsibler: "", //责任人
            principal: "", //所在单位负责人
          });

          window.setSign = (event) => {
            responsibleForm.value[event.key] = event.img;
          };

          window.getData = (event) => {
            return responsibleForm.value;
          };
          window.setData = (data) => {
            responsibleForm.value = data;
          };

          //peopleForm.sign
          const setUpEquipment = (key, type) => {
            window.parent.childListener({
              key,
              type,
            });
          };
          return {
            responsibleForm,
            setUpEquipment,
          };
        },
      };
      const app = createApp(vue3Composition).use(ElementPlus).mount("#app");
    </script>
  </body>
</html>
